<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Title</title>
    <script src="../../assets/js/flex.js"></script>
    <link rel="stylesheet" href="../../assets/mui-master/dist/css/mui.min.css">
    <link rel="stylesheet" href="../main.css">
    <style>




    </style>
</head>
<body>
<div class="createuser">
    <header class="mui-bar mui-bar-nav mui-bar-transparent">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    </header>
    <div class="create-box">
        <div class="create-img">
            <img src="../../assets/img/coffer/qianbao.png" alt="">
            <p>创建身份</p>
        </div>
        <form class="mui-input-group">
            <div class="mui-input-row">

                <input type="text" class="mui-input-clear" placeholder="身份名">
            </div>
            <div class="mui-input-row tipsmg">
                <input type="password" class="coffer-pwd" placeholder="密码">
                <p class="pwdtips">不少于8位字符，建议混合大小写字母、数字、符号</p>
                <span class="pwd-icon">
                    <ul class="pwd-line">
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <span>弱</span>

                </span>
            </div>
            <div class="mui-input-row">
                <input type="password" class="" placeholder="重复输入密码">
                <span class="pwd-icon">
                    <img src="../../assets/img/closeeyes.png" alt="" class="pwd-close-icon">
                </span>
            </div>
            <div class="mui-input-row">

                <input type="text" class="mui-input-clear" placeholder="密码提示信息">
            </div>
            <button class="create">创建</button>
        </form>
    </div>
</div>

<!--密码提示弹窗-->
<div class="pwd-popup">
    <p class="pwd-tri"></p>
    <div class="pwd-img">
        <img src="../../assets/img/coffer/lock.png" alt="">
    </div>
    <div class="pwd-text">
        <p>密码用于加密保护私钥，以及转账、调用合约等，所以强度非常重要。</p>
        <p>imToken不存储密码，也无法帮您找回，请务必牢记</p>
    </div>
</div>
<script src="../../assets/mui-master/dist/js/mui.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script type="text/javascript">
    // $(function () {
    //     //页面打开加载弹出层
    //     $(document).ready(function () {
    //         setTimeout(function () {
    //             $(".popup-hide").css({"opacity": "1", "z-index": "999"})
    //         }, 1000);
    //     });
    //
    //     //点击继续后关闭
    //     $(".create-next").click(function () {
    //         $(".popup-hide").css({"opacity": "0", "z-index": "-999"})
    //     })
    //
    //     //点击radio切换或隐藏disabled
    //     $("#createradio").click(function () {
    //         //alert(this.checked);
    //         //
    //         var $radio = $(this);
    //         // if this was previously checked
    //         if ($radio.data('waschecked') == true) {
    //             $radio.prop('checked', false);
    //             $radio.data('waschecked', false);
    //             $(".create-next").attr("disabled", true)
    //         } else {
    //             $radio.prop('checked', true);
    //             $radio.data('waschecked', true);
    //             $(".create-next").removeAttr("disabled")
    //         }
    //     });
    //     $(".coffer-pwd").click(function () {
    //         $(".pwd-popup").css({"opacity": "1", "z-index": "33"})
    //     })
    // })

</script>

</body>
</html>